/*
			Aqua Clear - Products
			StyleSheet
			For Screen *default for print
			Version 1
			
			Nathan Olds, Innate Web Design, nate@innateservices.com		
		*/		
		
		
						
		/*----------------- BASIC TAGS       */		
		.nocss {display:none;}
		body, p, h1, h2, h3, h4, h5, h6, dl, dt, dd {padding:0;margin:0;}
		ul, dl, p, h1, h2 ,h3, h4 {margin-bottom:10px;}
		p {text-align:left;font-size:14px;}
		ul {margin-top:0px;}
		ul li {font-size:14px;padding-bottom:5px;}

		ol, ol li {text-align:left;font-size:14px;}
		h1 {font-size:20px;}
		h2 {font-size:18px;}
		h3 {font-size:20px;}
		h4 {font-size:14px;}
		h5 {font-size:10px;}
		h6 {font-size:8px;}
		
		img {border:0px;}	
		a 			{color:#003366;		text-decoration:underline;  }
		a:hover 	{color:#990000;		text-decoration:underline;	}
		
		
		table {padding:0;margin:0;}
		th {font-size:12px;}
		tr {}
		td {font-size:12px;vertical-align:top;text-align:center;padding:0;margin:0;border:0;}
		
		
		
		/*---------------- STRUCTURE          */
		
		body 
		{			
			font:16px "Helvetica", "Arial", "Verdana", Helvetica, sans-serif;	
			background-color:#FFFFFF;				
			color:#000000;						
		}
		
		/* center wrapper for for IE */
		* html body {text-align:center;}
		
		#wrapper
		{
			position:relative;
			width:760px;
			margin:0px auto 0px auto;
			text-align:left;	
			padding:0px 25px 0px 25px;
			min-height:400px;
			
			background:transparent url(../img/wrapper.jpg) left top repeat-y;
		}
				
		* html #wrapper
		{
			
		}	
				
		
		/*---------------- HEADER          */
		#header
		{
			position:relative;
			width:750px;
			min-height:210px;
			height:210px;	
			background:transparent url(../img/header.jpg) left top no-repeat;
		}		
		
		* html #header
		{}	
		
		h1.title
		{display:none;}
		
		h2.companywebsite a
		{
			color:#FFFFFF;
			font-weight:normal;
			font-size:24px;
			width:250px;
			margin:5px 0px 10px 15px;
			
			text-decoration:none;
		}
		
		h2.companywebsite a:hover
		{
			text-decoration:underline;
		}
				
		
		
		/*---------------- FOOTER          */
		#footer
		{			
			min-height:50px;
			height:50px;
			background:transparent url(../img/footer.jpg) left top no-repeat;
			margin-left:-25px;
			width:800px;
			clear:both;
			
		}
		
		/*---------------- NAV				*/
		#nav
		{
	position:absolute;
	top:5px;
	left:356px;
	width:360px;
	list-style-type:none;
	height: 46px;
		}
		
		#nav a
		{
			text-decoration:none;
		}
		
		
		#nav a:hover
		{
			text-decoration:underline;
		}
		
		
			
		
		/*---------------- CONTENT          */
		#content
		{
			width:750px;
			margin:20px;
			min-height:300px;
		}	
		
		* html #content
		{
			width:710px;
			height:300px;
			
		}	
		
		/*--------- PRODUCT List         */
		#productlist1
		{
			width:350px;
			float:left;
			display:block;
			
		}
		
		* html #productlist1
		{
			width:325px;
			float:left;
			display:block;
			margin-left:0px;		
		}
		
		#productlist2
		{
			width:350px;
			margin-left:370px;
			display:block;
		}
		
		* html #productlist2
		{
			width:325px;
			display:block;
			margin-left:0px;
			
		}
		
		
		/*--------- PRODUCT Details         */
		#productdetails
		{
			width:350px;
			float:left;
			
		}
		
		* html #productdetails
		{
			width:335px;
			float:left;
			

		}
		
		
		/*--------- Product Description   */
		#productdescription
		{
			background:#cce3e2;
			border: 2px outset #b70d00; background-color: #f0f8ff; padding: 3px;
			width:350px;
			margin-left:370px;
		}
		
		* html #productdescription
		{
			width:335px;
			margin-left:350px;
			
		}
		
		
		#content h4
		{
			color:#003466;
			text-transform:uppercase;
			font-size:12px;
			margin:15px 0px 0px 0px;
			
		}
		
		#content h3
		{
			color:#990000;
		}
		
		#content h5
		{
			font-weight:normal;
			letter-spacing:10px;
			text-transform:uppercase;
		}
		#content p
		{
			line-height:22px;
		}
		
		#content table
		{
			border-left:0px solid #cccccc;
			border-top:0px solid #cccccc;
			width:100%;
		}
		
		#content table tr th
		{
			border-right:0px solid #cccccc;
			border-bottom:0px solid #cccccc;color:#003366;
			font-size:10px;
			text-transform:uppercase;
		}
		
		#content table tr td
		{
			border-right:0px solid #cccccc;
			border-bottom:0px solid #cccccc;font-size:12px;
		}
		
		#order
		{
	position:relative;
	float:left;
	width:700px;
	list-style-type:none;
	height: 46px;
	min-height:300px;
	height:400px;
		}		
